<!--
 * @Description: 缴费详情
 * @Author: 若城
 * @Date: 2023-03-28 00:02:26
 * @LastEditTime: 2023-03-30 12:41:49
-->
<template>
    <view>
        <u-gap height="26" bgColor="#f5f5f5"></u-gap>
   
    <view>
      <u-cell-group >
        <u-cell v-for="(item,index) in dataList" :key="index" :border="false" :title="item.label" :value="item.value"></u-cell>
      </u-cell-group>
    </view>
    </view>
</template>
<script>
import {getSXInfo} from '../../api/rc'
 
export default {
    onLoad: function (option) { //option为object类型，会序列化上个页面传递的参数
		console.log(option.id  ,option.tabs ,'sad'); //打印出上个页面传递的参数。
        this.id =option.id
        this.tabs = option.tabs
	},
    data () {
        return {
            id:'',
            tabs:'',
            dataList:[]
        }
    },
    mounted () {
      this.init()  
    },
    methods: {
      async  init(){
         await getSXInfo({id:this.id}).then(res => {
          switch (this.tabs) {
            case '0':
            this.dataList = [
          {
            label: "险种类型:",
            value: "企业职工基本养老保险",
          },
          {
            label: "建账年月:",
            value: res.data.date,
          },
          {
            label: "到账日期:",
            value: res.data.dao_date,
          },
          {
            label: "参保地区:",
            value: '福州市',

          },
          {
            label: "单位名称:",
            value: res.data.company,

          },
          {
            label: "缴费类型:",
            value: "正常应缴",
          },
          {
            label: "缴费月数:",
            value: res.data.jy,
          },
          {
            label: "缴费基数:",
            value: res.data.jj,
          },
          {
            label: "个人缴费金额:",
            value: res.data.gj,

          },
          {
            label: "单位缴费金额:",
            value: res.data.dj,
          },
          {
            label: `个人缴费划入
            账户金额:`,
            value: res.data.gjh,
          },
          {
            label: `单位缴费划入
            账户金额:`,
            value: '0',
          },
          {
            label: "社保机构名称:",
            value: res.data.jg,
          },
        ];
              break;
              case '1':
              this.dataList = [
          {
            label: "险种类型:",
            value: "工伤保险",
          },
          {
            label: "建账年月:",
            value: res.data.date,
          },
          {
            label: "到账日期:",
            value: res.data.dao_date,
          },
          // {
          //   label: "参保地区:",
          //   value: '福州市',

          // },
          {
            label: "单位名称:",
            value: res.data.company,

          },
          // {
          //   label: "缴费类型:",
          //   value: "正常应缴",
          // },
          // {
          //   label: "缴费月数:",
          //   value: res.data.jy,
          // },
          {
            label: "缴费基数:",
            value: res.data.jj,
          },
          // {
          //   label: "个人缴费金额:",
          //   value: res.data.gj,

          // },
          {
            label: "单位缴费金额:",
            value: res.data.dj,
          },
          // {
          //   label: `个人缴费划入
          //   账户金额:`,
          //   value: res.data.gjh,
          // },
          // {
          //   label: `单位缴费划入
          //   账户金额:`,
          //   value: '0',
          // },
          {
            label: "社保机构名称:",
            value: res.data.jg,
          },
        ];
              break;
            default:
              break;
          }
      
         })
      }
    }
}
</script>
<style lang="scss" scoped>
::v-deep .u-cell__title-text {
	 color: #9b9b9b !important;
   
}
::v-deep .u-cell__value{
  color: #4c4c4c !important;

}
</style>